<!--
 * @Description: 
 * @Author: 赵升华
 * @Date: 2019-09-02 09:15:06
 * @LastEditors: 赵升华
 * @LastEditTime: 2019-09-02 10:01:27
 -->
<template>
  <ul class="tabarBox">
    <li v-for="(item, index) in items" :key="index" class="tabBarItem" @click="changeType(index)">
      <img :src="item.img">
      <span v-text="item.title"></span>
    </li>
  </ul>
</template>
<script>
//import {getSDK} from '../../../service/wxShare.js'//非组件需要添加wxshare.js

export default {
  components:{

  },
  data(){
    return {
      items:[
        {
          title:'平台',
          img:'https://www.bigzhuan.com/img/icon_hujin.png'
        },
        // {
        //   title:'债转',
        //   img:'../../../../../static/assets/icon_zhaizhuan.png'
        // },
        {
          title:'直银',
          img:'https://www.bigzhuan.com/img/icon_zhiyin.png'
        },
        {
          title:'基金',
          img:'https://www.bigzhuan.com/img/icon_jijin.png'
        },
        {
          title:'保险',
          img:'https://www.bigzhuan.com/img/icon_baoxian.png'
        },
      ]
    }
  },
  methods:{
    changeType(index){
      switch(index){
        case 0:
          this.$router.push({path:'/invespt',query:{lc_type:'pt'}})
        break;
        // case 1:
        //   this.$router.push('/debt')
        // break;
        case 1:
          this.$router.push({path:'/invespt',query:{lc_type:'zy'}})
        break;
        case 2:
          this.$router.push({path:'/invespt',query:{lc_type:'jj'}})
        break;
        case 3:
          this.$router.push({path:'/invespt',query:{lc_type:'bx'}})
        break;
      }
    }
  }
}
</script>
<style lang="less">
@import '../../../../style/mixin.less';

  .tabarBox{
    list-style: none;
    margin-top: 0.8533rem;
    .fx(row,space-around);
    .tabBarItem{
      .fx(column);
      img{
        .wh(0.8rem,0.6667rem)
      }

    }
  }
</style>
